<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<p>
    四、offsetX、offsetY
    相对于带有定位的父盒子的x，y坐标，没有定位就是父容器

    一、clientX、clientY
    点击位置距离当前body可视区域的x，y坐标

    五、x、y
    和clientX、clientY一样

    三、screenX、screenY(它包含了导航条)
    点击位置距离当前电脑屏幕的x，y坐标

    二、pageX、pageY
    对于整个页面来说，包括了被卷去的body部分的长度
</p>
</body>
</html>
